//createRouter：创建路由实例
//createWebHistory：创建基于浏览器 history 的路由历史记录(hash 模式/history 模式)
import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
        path: '/',
        name: 'Layout',
        component: () => import('@/views/Layout/index.vue'),
        children: [
          {
            path: '',
            name: 'Home',
            component: () => import('@/views/Home/index.vue')
          },
          {
            path: 'category/:id',
            name: 'Category',
            component: () => import('@/views/Category/index.vue')
          },
          {
            path: 'category/sub/:id',
            name: 'SubCategory',
            component: () => import('@/views/SubCategory/index.vue')
          },
          {
            path: 'detail/:id',
            name: 'Detail',
            component: () => import('@/views/Detail/index.vue')
          },
          {
            path: 'cartlist',
            name: 'CartList',
            component: () => import('@/views/CartList/index.vue')
          },
          {
            path: 'checkout',
            name: 'Checkout',
            component: () => import('@/views/Checkout/index.vue')
          },
          {
            path: 'pay',
            name: 'Pay',
            component: () => import('@/views/Pay/index.vue')
          },
          {
            path: 'paycallback', // 注意路径，必须是paycallback
            name: 'PayBack',
            component: () => import('@/views/Pay/PayBack.vue')
          },
          {
            path: 'member',
            name: 'Member',
            component: () => import('@/views/Member/index.vue'),
            children: [
              {
                path: '',
                name: 'UserInfo',
                component: () => import('@/views/Member/components/UserInfo.vue')
              },
              {
                path: 'order',
                name: 'UserOrder',
                component: () => import('@/views/Member/components/UserOrder.vue')
              }
            ]
          },
        ]
    },
    {
        path: '/login',
        name: 'Login',
        component: () => import('@/views/Login/index.vue')
    },
  ],
  // 路由跳转时，页面滚动到顶部
  scrollBehavior() {
    return { top: 0 }
  }
})          
export default router    